<template>
  <div>
    <bread class="filter">
      <h1>校管项目活动管理
        <span class="el-icon-arrow-right icon"></span>
        <span class="sub-title">创建校管项目活动</span>
      </h1>

      <div class="pull-right">
        <el-button size="small" class="cancel">取 消</el-button>
        <el-button size="small" type="primary">确认发布</el-button>
      </div>
    </bread>
    <pageContent isCard>
        <el-form ref="form" :model="form" label-width="100px">
          <div class="curstom-form">
            <div class="title">
              <h4>活动基本信息 <span>基本信息发布后将不可修改</span></h4>
            </div>
          </div>
          <el-form-item label="招标名称" class="form-wrap">
            <el-input v-model="form.name"></el-input>
          </el-form-item>
          <el-form-item label="包含资助类型" class="form-wrap">
            <el-checkbox-group v-model="form.type">
              <el-checkbox label="重点" name="type"></el-checkbox>
              <el-checkbox label="面上" name="type"></el-checkbox>
              <el-checkbox label="青年" name="type"></el-checkbox>
              <el-checkbox label="一般" name="type"></el-checkbox>
              <el-checkbox label="自筹" name="type"></el-checkbox>
              <el-checkbox label="其他" name="type"></el-checkbox>
              <label style="display: inline-block; width: 100px; color: black;">（需备注）</label>
            </el-checkbox-group>
          </el-form-item>
          <el-form-item label="申报截止日期">
            <el-col :span="1">
              <el-input v-model="form.name" placeholder="年"></el-input>
            </el-col>
            <el-col class="line" :span="0.2"></el-col>
            <el-col :span="1">
              <el-input v-model="form.name" placeholder="月"></el-input>
            </el-col>
            <el-col class="line" :span="0.2"></el-col>
            <el-col :span="1">
              <el-input v-model="form.name" placeholder="日"></el-input>
            </el-col>
          </el-form-item>
          <el-form-item label="项目申报通知">
             <el-button size="small" class="up-data">上 传</el-button>
          </el-form-item>
          <el-form-item label="参考链接" class="form-wrap">
            <el-input v-model="form.name" placeholder="http://"></el-input>
          </el-form-item>
          <el-form-item label="申请书模板">
             <el-button size="small" class="up-data">上 传</el-button>
          </el-form-item>
          <el-form-item label="评审活页模板">
             <el-button size="small" class="up-data">上 传</el-button>
          </el-form-item>
          <div class="curstom-form">
            <div class="title">
              <h4>专家/评审设置</h4>
            </div>
          </div>
          <el-form-item label="评审截止日期">
            <el-col :span="1">
              <el-input v-model="form.name" placeholder="年"></el-input>
            </el-col>
            <el-col class="line" :span="0.2"></el-col>
            <el-col :span="1">
              <el-input v-model="form.name" placeholder="月"></el-input>
            </el-col>
            <el-col class="line" :span="0.2"></el-col>
            <el-col :span="1">
              <el-input v-model="form.name" placeholder="日"></el-input>
            </el-col>
          </el-form-item>
          <el-form-item label="评审标准">
            <el-select v-model="form.region" placeholder="请选择评审标准">
              <el-option label="评分+评级" value="shanghai"></el-option>
              <el-option label="评分" value="beijing"></el-option>
              <el-option label="评级" value="beijing"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="评分设置">
            <div class="add-list">
              <div class="head">
                <div class="th">评分项</div>
                <div class="th">评分项说明</div>
                <div class="th">最高分数</div>
              </div>
              <div class="body">
                <div class="td">
                  <el-input v-model="form.name" placeholder="" class="td-input"></el-input>
                </div>
                <div class="td">
                  <el-input v-model="form.name" placeholder="" class="td-input"></el-input>
                </div>
                <div class="td">
                  <el-input v-model="form.name" placeholder="" class="td-input"></el-input>
                </div>
              </div>
              <div>
                <el-button type="text">+添加评分维度</el-button>
              </div>
            </div>
          </el-form-item>
        </el-form>

    </pageContent>
  </div>

</template>

<script>
import pagination from 'components/pagination';
import NormalFilter from 'components/NormalFilter';
import PopFilter from 'components/PopFilter';

export default {
    data() {
      return {
        form: {
          name: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: ''
        }
      }
    },
    methods: {
      onSubmit() {
        console.log('submit!');
      }
    }
  }
</script>
<style scoped lang="scss">
  .primary-color {
    color: var(--success-color);
  }
  .cur_select {
    margin-left: 20px;
  }
  .cancel {
    background: none;
    color: #FFFFFF;
    width: 80px;
  }
  .form-wrap {
    width: 700px;
  }
  .line {
    min-height: 1px;
    min-width: 10px;
  }
  .up-data {
    color: var(--main-color);
    width: 80px;
  }
  .curstom-form {
    margin-bottom: 20px;
    .title {
      border-bottom: 1px solid #E9ECF4;
      padding: 10px 0px;
      h4 {
        font-size:14px;
        color:rgba(48,49,51,1);
        span {
          color: #909399;
          font-size:12px;
        }
      }
    }
  }
  .add-list {
    width: 770px;

    .head {
      height:40px;
      line-height:40px;
      padding: 0px 10px;
      background:rgba(245,247,250,1);
      display: flex;
      .th {
        width: 33.33%;
        text-align: left;
      }
    }
    .body {
      display: flex;
      .td {
        margin-top: 10px;
        width: 33.33%;
        .td-input {
          width: 90%;
        }
      }
    }
  }
</style>
